<div id="popular">
    <!-- 版心 -->
<div class="wrap">
    <!-- 标题盒子 -->
    <div class="popular_titleBox">
        <!-- 文本盒子 -->
        <div class="popular_textBox">
            <!-- 标题 -->
            <div class="popular_text">
                人气单品
            </div>
        </div>
        <!-- 内容盒子 -->
        <div class="popular_titlemainBox clearfix">
            <!-- 推荐图书 -->
            <script>
            let popular = `
            <div class="popular_ebookBox fl">
                <div class="popular_ebookBox_imgBox">
                    <img src="./img/whitenight.jpg" alt="">
                </div>
                <div class="popular_ebookBox_miniimg">
                    <img src="./img/8price.png" alt="">
                </div>
                <div class="popular_ebookBox_mainBox">
                        白夜行  东野圭吾
                </div>
                <!-- 推荐 -->
                <div class="popular_ebookBox_nominal clearfix posrel">
                    <div class="popular_ebookBox_nominaltext fl">
                        推荐:
                        <!-- 星星 -->
                        <div class="popular_ebookBox_nominalimg fl clearfix posabs ">
                         <img class="fl" src="./img/cover.png" alt="">
                         <img class="fl" src="./img/cover.png" alt="">
                         <img class="fl" src="./img/cover.png" alt="">
                         <img class="fl" src="./img/cover.png" alt="">
                         <img class="fl" src="./img/half.png" alt="">
                     </div>
                    </div>
                     
                     <!-- 价格盒子 -->
                     <div class="popular_ebookBox_priceBox clearfix posrel">
                         <div class="popular_ebookBox_leftBox fl posabs">￥:38</div>
                         <div class="popular_ebookBox_rightBox fr posabs">￥:58</div>
                     </div>
                </div>
            </div>
            `
            for(i=0;i<5;i++){
                document.write(popular);
            }
            </script>
        </div>
    </div>
    <!-- 内容盒子 -->
  <div class="popular_mainBox clearfix">
      <div class="popular_mainBox_leftBox"></div>
      <div class="popular_mainBox_rightBox"></div>
  </div>
</div>
</div>
